<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卖房</title>
    <link rel="stylesheet" href="../reset.css">
    <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>
    <script src="../jQ引入.js"></script>
    <link rel="stylesheet" href="../swiper-bundle.min.css">
    <link rel="stylesheet" href="./卖房.css">
</head>
<body>
    <header>
        <div class="div1">
        <a href="../首页/首页.html"><img src="../img/logo.jpg" alt=""></a>
        </div>
        <div class="div2">
        <a href="../登录/已登录/已登录.html"><img src="../img/my.jpg" alt=""></a>
        <img src="../img/xiazai.jpg" alt="">
        </div>
    </header>
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="../img/img.png" />
          </div>
          <div class="swiper-slide">
            <img src="../img/img1.jpg" />
          </div>
          <div class="swiper-slide">
            <img src="../img/img2.png" />
          </div>
          <div class="swiper-slide">
            <img src="../img/img3.png" />
          </div>
          <div class="swiper-slide">
            <img src="../img/img4.png" />
          </div>
        </div>
        <div class="swiper-pagination">
        </div>
    </div>
    <section>
        <div> 
            <h2>天鹅湾小区精装两居，满五唯一，业主换房急售</h2>
            <p><span id="se">576</span>万元(单价: 46327元/平) <img src="../img/phone.png" alt=""></p>
            <p>挂牌时间2015年6月20日</p>
        </div>
        <div class="man"><span>学区房</span><span>独家</span><span>满五唯一</span></div>
    </section><br>
    <div class="hux">
      <p><span>户型:3室2厅</span><span>面积:100平</span></p>
      <p><span>楼层:中楼层</span><span>朝向:西南</span></p>
      <p><span>装修:精装</span><span>楼型:塔楼</span></p>
      <p><span>年代:2004</span><span>区域:西二旗</span></p>
      <p><span>首付:123万</span><span>月供:15683</span></p>
      <p>地铁:离西二旗地铁站800米</p>
      <p>小区:珠江帝景</p>
      <p>学校:北京市第二实验小学</p>
    </div>
    <p class="dian" onclick="go()">更多房源信息</p><br><br><br>
    <div class="fang">
      <p><span>户型:大飞哥家</span><span>面积:400平</span></p>
      <p><span>楼层:低楼层</span><span>朝向:西南</span></p>
      <p><span>装修:毛坯房</span><span>楼型:高档小区</span></p>
      <p><span>年代:2021</span><span>区域:北京二环</span></p>
      <p><span>首付:1023万</span><span>月供:45683</span></p>
    </div><br>
    <div class="yuant">
      <h2>房源特色</h2>
      <div>
        <p>小区环境优雅，里处同市中(小区南200米有美廉美
           超市、西30米有华联商场、星美国际是城、东北角就
           是大中电器、小区东100米有汇佳幼儿园、昌平实验
           一小，昆表国际大酒…</p>
      </div>
    </div>
    <div id="div000"><p class="dce">更多特色</p></div>
    <div class="div8">
      <h3>户型时间</h3>
      <ul>
          <li>
              <div class="div11">
                  <img src="../img/img4.png" class="img1">

                  <div class="div22">
                      <p>当前格局</p>
                      <p>分间信息：客户25平米，南北通透</p>
                      <div class="div333"><span>南北通透</span><span>全明格局</span></div>

                  </div>
              </div>
          </li>
          <li>
              <div class="div11">
                  <img src="../img/img5.png" class="img1">

                  <div class="div22">
                      <p>当前格局</p>
                      <p>分间信息：客户25平米，南北通透</p>
                      <div class="div333"><span>南北通透</span><span>全明格局</span></div>

                  </div>
              </div>
          </li>
      </ul>
  </div>
  <div class="div9">
      <p>对口学校</p>
      <ul>
          <li><span>学校名称：</span>北京第二实验小学</li>
          <li><span>升学方式：</span>直升、派位</li>
          <li><span>对口中学：</span>团结湖中学</li>
          <li><span>划片小区：</span>3个划片小区 在售房源150套</li>
          <li><span>学校特色：</span>包食宿、有校车</li>
      </ul>
      <p>查看学校详情</p>

  </div>
  <div class=" div10">
    <h2>位置及周边</h2>
    <div id="allmap"></div>
    </div>
</div><br><br>
<div class="div13">
  <div class="div14">
      <p class="p11">推荐房源</p>
      <ul>
          <li>
              <div class="div-zheng">
                  <img src="../img/img6.png" alt="">
                  <div class="div-right">
                      <p>文化部中间层一层带...</p>
                      <div><span>2室1厅96m²南北</span><span>1105万</span></div>
                      <div><span>红庙北里</span><span>14268元/平</span></div>
                      <span class="sp1">学区房</span>
                  </div>

              </div>
              <p class="pp"><span></span>推荐理由：同户型、通风好、采光好</p>
              <p class="shabi"></p>
          </li>
          <li>
              <div class="div-zheng">
                  <img src="../img/img6.png" alt="">
                  <div class="div-right">
                      <p>文化部中间层一层带...</p>
                      <div><span>2室1厅96m²南北</span><span>1105万</span></div>
                      <div><span>红庙北里</span><span>14268元/平</span></div>
                      <span class="sp1">学区房</span>
                  </div>

              </div>
              <p class="pp"><span></span>推荐理由：同户型、通风好、采光好</p>
              <p class="shabi"></p>
          </li>
          <li>
              <div class="div-zheng">
                  <img src="../img/img6.png" alt="">
                  <div class="div-right">
                      <p>文化部中间层一层带...</p>
                      <div><span>2室1厅96m²南北</span><span>1105万</span></div>
                      <div><span>红庙北里</span><span>14268元/平</span></div>
                      <span class="sp1">学区房</span>
                  </div>

              </div>
              <p class="pp"><span></span>推荐理由：同户型、通风好、采光好</p>
              <p class="shabi"></p>
          </li>
          <li>
              <div class="div-zheng">
                  <img src="../img/img6.png" alt="">
                  <div class="div-right">
                      <p>文化部中间层一层带...</p>
                      <div><span>2室1厅96m²南北</span><span>1105万</span></div>
                      <div><span>红庙北里</span><span>14268元/平</span></div>
                      <span class="sp1">学区房</span>
                  </div>

              </div>
              <p class="pp"><span></span>推荐理由：同户型、通风好、采光好</p>
              <p class="shabi"></p>
          </li>
          <li>
              <div class="div-zheng">
                  <img src="../img/img6.png" alt="">
                  <div class="div-right">
                      <p>文化部中间层一层带...</p>
                      <div><span>2室1厅96m²南北</span><span>1105万</span></div>
                      <div><span>红庙北里</span><span>14268元/平</span></div>
                      <span class="sp1">学区房</span>
                  </div>

              </div>
              <p class="pp"><span></span>推荐理由：同户型、通风好、采光好</p>
              <p class="shabi"></p>
          </li>
          <li>
              <div class="div-zheng">
                  <img src="../img/img6.png" alt="">
                  <div class="div-right">
                      <p>文化部中间层一层带...</p>
                      <div><span>2室1厅96m²南北</span><span>1105万</span></div>
                      <div><span>红庙北里</span><span>14268元/平</span></div>
                      <span class="sp1">学区房</span>
                  </div>

              </div>
              <p class="pp"><span></span>推荐理由：同户型、通风好、采光好</p>
              <p class="shabi"></p>
          </li>
          <li>
              <div class="div-zheng">
                  <img src="../img/img6.png" alt="">
                  <div class="div-right">
                      <p>文化部中间层一层带...</p>
                      <div><span>2室1厅96m²南北</span><span>1105万</span></div>
                      <div><span>红庙北里</span><span>14268元/平</span></div>
                      <span class="sp1">学区房</span>
                  </div>

              </div>
              <p class="pp"><span></span>推荐理由：同户型、通风好、采光好</p>
              <p class="shabi"></p>
          </li>
      </ul>

      <p id="p">查看更多相似房源</p>
  </div>
</div>
<footer>
    <div class="pcd">
        <span>北京找房无忧>首页</span>
        <div class="and">
            <div>
                <img src="../img/apple.png" alt="">
                <div>
                    <li>iphone</li>
                    <li>客户端</li>
                </div>
            </div>
            <div>
                <img src="../img/android.png" alt="">
                <div>
                    <li>Android</li>
                    <li>客户端</li>
                </div>
            </div>
        </div>
        <div class="xuke">
            <p>北京找房无忧房地产经纪有限公司</p>
            <p>网络经营许可证 京ICP备20160812号-12</p>
        </div>
    </div>
</footer>

</body>
<script src="../swiper-bundle.min.js"></script>
<script src="../公用rem.JS"></script>
<script>
  var di = document.querySelector('.dian')
  var fa = document.querySelector('.fang')
  function go(){
    fa.style.display='block';
    di.style.display='none';
  }
    var swiper = new Swiper(".mySwiper", {
      spaceBetween: 30,
      effect: "fade",
      pagination: {
        el: ".swiper-pagination",
        // clickable: true,
        type : 'fraction',
      },
    });
  </script>
  <script type="text/javascript">
    // GL版命名空间为BMapGL
    // 按住鼠标右键，修改倾斜角和角度
	var map = new BMapGL.Map("allmap");    // 创建Map实例
	map.centerAndZoom(new BMapGL.Point(113.680779, 34.80452), 11);  // 初始化地图,设置中心点坐标和地图级别
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>
</html>